        <!-- BOX DIREITO -->
        <td colspan="2" valign="top" style="border-left:1px solid #bbb; border-right:1px solid #ccc; padding:20px 12px;">
            <div id="titulo_pagina">Atividades</div>
            <p>Manuten&ccedil;&atilde;o das Atividades.</p>
   			<script type="text/javascript">
   				<?php
   				$controller = "oportunidades";
   				?>
   				//Array com todos os campos da tabela.
				var arr_fields = [
				                  {nome:'act',label:'', tp_obj: 'hid', tipo : 'str', grid:{name:'act',index:'act', width:15,sortable:false}},
				                  {nome:'id_atividade',label:'Id', tp_obj: 'hid', tipo : 'str', grid:{name:'id_atividade',index:'id_atividade', width:15, def_order:false, hidden:true}},
				                  {nome:'assunto',label:'Assunto', tp_obj: 'txt', tipo : 'str', grid:{name:'assunto',index:'assunto', width:120, def_order:false,order:''}},
				                  {nome:'flag_status',label:'Status', tp_obj: 'sel', tipo : 'str', grid:{name:'flag_status',index:'flag_status', width:60, def_order:false,order:''}},
				                  {nome:'contato',label:'Contato', tp_obj: 'txt', tipo : 'str', grid:{name:'contato',index:'contato', width:120, def_order:false,order:''}},
				                  {nome:'data_inicio',label:'Data', tp_obj: 'txt', tipo : 'str', grid:{name:'data_inicio',index:'data_inicio', width:70, def_order:true, order:'asc'}},
				                  {nome:'hid_oper',label:'', tp_obj: 'hid', tipo : 'str', grid:null}
					              	];

				//Variavel com o codigo da linha selecionada
				var editValue = null;
				$(document).ready(function(){

					changeRelationship();
					var arr_fld_grid = new Array();
					var arr_fld_labels = new Array();
					var fld_sort_name = "";
					var fld_sort_order = "";

					//Monta os arrays com os labels e os campos
					for(i=0; i<arr_fields.length; i++)
					{
						if(arr_fields[i].grid != null)
						{
							arr_fld_grid.push(arr_fields[i].grid);
							arr_fld_labels.push(arr_fields[i].label);
							if(arr_fields[i].grid.def_order)
							{
								fld_sort_name = arr_fields[i].grid.name;
								fld_sort_order = arr_fields[i].grid.order;
							}
						}
					}

					//Montagem da GRID
					jQuery("#gridAtividades").jqGrid({
					   	url:'<?php echo base_url().$controller."/activities/0"?>',
						datatype: "json",
					   	colNames:arr_fld_labels,
					   	colModel:arr_fld_grid,
					   	rowNum:10,
					   	rowList:[5,10,20,30],
					   	height: 'auto',
					   	width:'960',
					   	pager: '#pgridAtividades',
					   	sortname: fld_sort_name,
					    viewrecords: true,
					    sortorder: fld_sort_order,
					    onSelectRow: function(id){ 
							if(id && id!==editValue){ 
								editValue=id; 
							} 
						},
						gridComplete: function(){
							var ids = jQuery("#gridAtividades").jqGrid('getDataIDs');
							for(var i=0;i < ids.length;i++){
								var cl = ids[i];
								ed = "<a href=\"javascript:editActivities('"+cl+"');\"><img alt=\"Editar\" src=\"<?php echo base_url();?>images/ico/pencil-icon.png\" /></a>"; 
								de = "<a href=\"javascript:deleteActivities('"+cl+"');\"><img alt=\"Excluir\" src=\"<?php echo base_url();?>images/ico/delete-icon.png\" /></a>"; 
								jQuery("#gridAtividades").jqGrid('setRowData',ids[i],{act:ed+de});
							}	
						}
					})
					.navGrid('#pgridAtividades',{edit:false,add:false,del:false,search:false,refresh:false},{},{},{})
				});

				//Validacao e envio do formulario
				$(function() {

					var id_atividade = $("#id_atividade"), 
					assunto = $("#assunto"),
					flag_status = $("#flag_status"),
					data_inicio = $("#data_inicio"),
					hora_inicio = $("#hora_inicio"),
					flag_relacao = $("#flag_relacao"),
					relacao = $("#relacao"),
					data_termino = $("#data_termino"),
					hora_termino = $("#hora_termino"),
					id_contato_fk = $("#id_contato_fk"),
					flag_prioridade = $("#flag_prioridade"),
					descricao = $("#descricao"),
					local = $("#local"),
					hid_oper = $("#hid_oper"),
					hid_act_type = $("#hid_act_type"),
					allFields = $([])
									.add(id_atividade)
									.add(assunto)
									.add(flag_status)
									.add(data_inicio)
									.add(hora_inicio)
									.add(flag_relacao)
									.add(relacao)
									.add(data_termino)
									.add(hora_termino)
									.add(id_contato_fk)
									.add(flag_prioridade)
									.add(descricao)
									.add(local)
									.add(hid_oper)
									.add(hid_act_type),
					tips = $(".validateTips");
	    			
				    $("#dialog-form-atividade").dialog({
					    bgiframe: true,
					    autoOpen: false,
					    height: 550,
					    width: 800,
					    modal: true,
					    buttons: {
						    'Cancelar': function() {
							    $(this).dialog('close');
							    clearFormActitities();
						    }, 
						    'Salvar': function()
						    {
								var bValid = true;
								allFields.removeClass('ui-state-error');
								bValid = bValid && validation(assunto, "Assunto", "required", tips, 0, 0);
								bValid = bValid && validation(assunto, "Assunto", "length", tips, 1, 250);

								if(bValid)
								{
						            $('#dialog-wait').dialog({ 
						            	closeOnEscape: false,
						            	draggable: false,
						            	modal: true,
						            	resizable: false  
						            });
									$.ajax({
										  type: 'POST',
										  url: '<?php echo base_url().$controller."/saveActivities"?>',
										  data: {
										  		'id_atividade':id_atividade.val(),
										  		'assunto':assunto.val(),
										  		'flag_status':flag_status.val(),
										  		'data_inicio':data_inicio.val(),
										  		'hora_inicio':hora_inicio.val(),
										  		'flag_relacao':flag_relacao.val(),
										  		'relacao':relacao.val(),
										  		'data_termino':data_termino.val(),
										  		'hora_termino':hora_termino.val(),
										  		'id_contato_fk':id_contato_fk.val(),
										  		'flag_prioridade':flag_prioridade.val(),
										  		'descricao':descricao.val(),
										  		'local':local.val(),
										  		'hid_oper':hid_oper.val(),
										  		'hid_act_type':hid_act_type.val()},
										  success: function(msg){
										  		var type = msg.substr(0,3);
												var msgs = msg.substr(4);
										  		if(type != "err")
										  		{
													showMsg(msgs);
													$("#gridAtividades").trigger("reloadGrid");
													editValue = null;
													clearFormActitities();
													allFields.val('').removeClass('ui-state-error');
										  			document.getElementById('error').innerHTML= "";
										  			document.getElementById("error").style.display='none';
										  			tips.removeClass('ui-state-highlight', 1500);
													$("#dialog-form-atividade").dialog('close');
										  		}
										  		else
										  		{
										  			document.getElementById('error').innerHTML= msgs;
										  			document.getElementById("error").style.display="";
											  	}
											}
									});
									$('#dialog-wait').dialog('close');
								}
							}
					    },
					    open: function() {
			                $('.ui-dialog-buttonpane').
			                    find('button:contains("Cancelar")').button({
			                    icons: {
			                        primary: 'cancelIcon'
			                    }
			                });
			                $('.ui-dialog-buttonpane').
		                    find('button:contains("Salvar")').button({
		                    icons: {
		                        primary: 'saveIcon'
		                    }
		                });
			             },
					    close: function() {	
			            	 clearFormActitities();			
					    }
				    });
				});		
			</script>
			<script>
				$(document).ready(function() {
		            $("#bt_task").button({
			            icons: {primary: "taskIcon"}
		            }).click(function(){
    		            $('#div_data_termino').show();
    		            $('#div_flag_prioridade').show();
    		            $('#div_local').hide();
						$('#dialog-form-atividade').dialog('option', {title:'Formul&aacute;rio de Tarefas'});
			            $('#dialog-form-atividade').dialog('open');
						$('#hid_oper').val("add");
						$('#hid_act_type').val("task");
		    		});

		            $("#bt_meetings").button({
			            icons: {primary: "meetingIcon"}
		            }).click(function(){
    		            $('#div_data_termino').hide();
    		            $('#div_flag_prioridade').hide();
    		            $('#div_local').show();
						$('#dialog-form-atividade').dialog('option', {title:'Formul&aacute;rio de Reuni&otilde;es'});
			            $('#dialog-form-atividade').dialog('open');
						$('#hid_oper').val("add");
						$('#hid_act_type').val("meeting");
		    		});

		            $("#bt_call").button({
			            icons: {primary: "callIcon"}
		            }).click(function(){
    		            $('#div_data_termino').hide();
    		            $('#div_flag_prioridade').hide();
    		            $('#div_local').hide();
						$('#dialog-form-atividade').dialog('option', {title:'Formul&aacute;rio de Liga&ccedil;&otilde;es'});
			            $('#dialog-form-atividade').dialog('open');
						$('#hid_oper').val("add");
						$('#hid_act_type').val("call");
		    		});

		            $("#bt_refresh").button({
			            icons: {primary: "refreshIcon"}
		            }).click(function(){
		            	$("#gridAtividades").trigger("reloadGrid");
		    		});
		        });	
		            			
				$(function() {
					$.datepicker.setDefaults( $.datepicker.regional[ "pt-BR" ] );
					$("#data_inicio").datepicker();
					$("#data_termino").datepicker();
				});	

				function editActivities(idAct)
				{
					$('#dialog-form-atividade').dialog('open');
		            $('#dialog-wait').dialog({ 
			            	closeOnEscape: false,
			            	draggable: false,
			            	modal: true,
			            	resizable: false  
			            });
					$.ajax({
                        type: "POST",
                        url: '<?php echo base_url().$controller."/getActivitiesById"?>',
                        data: {id:idAct},
                        success: function(msg) 
                        {
							$('#hid_oper').val("upd");
							eval("var edi = "+msg);

							$("#id_atividade").val(edi.rows[0].cell[0]);
							$("#assunto").val(edi.rows[0].cell[1]);
							$("#data_inicio").val(edi.rows[0].cell[2]);
							$("#hora_inicio").val(edi.rows[0].cell[3]);
							$("#flag_status").val(edi.rows[0].cell[4]);
							$("#flag_relacao").val(edi.rows[0].cell[5]);
							$("#descricao").val(edi.rows[0].cell[6]);
							$("#relacao").val(edi.rows[0].cell[7]);
							$("#id_contato_fk").val(edi.rows[0].cell[8]);
							$("#hid_act_type").val(edi.rows[0].cell[9]);
							switch($("#hid_act_type").val())
							{
								case "task":
                		            $('#div_data_termino').show();
                		            $('#div_flag_prioridade').show();
                		            $('#div_local').hide();
                		            $('#data_termino').val(edi.rows[0].cell[11]);
                		            $('#hora_termino').val(edi.rows[0].cell[12]);
                		            $('#flag_prioridade').val(edi.rows[0].cell[13]);
            						$('#dialog-form-atividade').dialog('option', {title:'Formul&aacute;rio de Tarefas'});
									break;
								case "meeting":
                		            $('#div_data_termino').hide();
                		            $('#div_flag_prioridade').hide();
                		            $('#div_local').show();
                		            $('#local').val(edi.rows[0].cell[10]);
              						$('#dialog-form-atividade').dialog('option', {title:'Formul&aacute;rio de Reuni&otilde;es'});
              						break;
								case "call":
                		            $('#div_data_termino').hide();
                		            $('#div_flag_prioridade').hide();
                		            $('#div_local').hide();
            						$('#dialog-form-atividade').dialog('option', {title:'Formul&aacute;rio de Liga&ccedil;&otilde;es'});
									break;
								default:
                		            $('#div_data_termino').hide();
                		            $('#div_flag_prioridade').hide();
                		            $('#div_local').hide();
									break;
							}
                        }
					});
					$('#dialog-wait').dialog('close');
    			}
    			
				function deleteActivities(idAct)
				{
		   			$("#dialog-confirm").dialog({
		   				resizable: false,
		   				height:150,
		   				width:400,
		   				modal: true,
		   				buttons: {
		   					'Confirmar': function() {
					            $('#dialog-wait').dialog({ 
					            	closeOnEscape: false,
					            	draggable: false,
					            	modal: true,
					            	resizable: false  
					            });
								$.ajax({
		                    		type: "POST",
		                    		url: '<?php echo base_url().$controller."/deleteActivities"?>',
		                    		data: {id:idAct},
		                    		success: function(msg) 
		                    		{
								  		var type = msg.substr(0,3);
										var msgs = msg.substr(4);

										if(type != "err")
										{
				   							showMsg(msgs);
										}
										else
										{
											dialogMessage(msgs,'dialog-message');   
										}
				       					$("#gridAtividades").trigger("reloadGrid");
		                    		}
								});
								$('#dialog-wait').dialog('close');
		   						$(this).dialog('close');
		   					},
		   					Cancelar: function() {
		   						$(this).dialog('close');
		   					}
		   				}
		   			});
    			}

    			function clearFormActitities()
    			{
        			$("#id_atividade").val("");
  					$("#assunto").val("");
					$("#flag_status").val("");
					$("#data_inicio").val("");
					$("#hora_inicio").val("");
					$("#flag_relacao").val("");
					$("#relacao").val("");
					$("#data_termino").val("");
					$("#hora_termino").val("");
					$("#id_contato_fk").val("");
					$("#flag_prioridade").val("");
					$("#descricao").val("");
					$("#local").val("");
					$("#hid_oper").val("");
					$("#hid_act_type").val("");
					$("#span_relacao").html("");
					$("#span_contato").html("");
        		}

    			function setContactAtividades(param)
    			{
					$("#id_contato_fk").val(param);
					changeContactAtividades();
        		}
    			
    			function changeContactAtividades()
    			{
 					var id_contato = $("#id_contato_fk").val();
					$.ajax({
	                    type: "POST",
	                    url: "<?php echo base_url(); ?>contatos/getContact",
	                    data: "id_contato=" + id_contato,
	                    success: function(nome) 
	                    {
	                    	if(nome != "")
	                    	{
	                    		$("#span_contato").html(nome);
	                    	}
	                    	else
	                    	{
	                    		$("#span_contato").html("<b>Contato n&atilde;o cadastrado!!</b>");
    	                    }
		                }
	            	});	 
        		}

        		function openContactAtividadesUniq()
        		{
					var width = 680;
					var height = 570;

					var left = 99;
					var top = 99;

					window.open("<?php echo base_url();?>oportunidades/openContactsUniq/2",'janela', 'width='+width+', height='+height+', top='+top+', left='+left+', scrollbars=yes, status=no, toolbar=no, location=no, directories=no, menubar=no, resizable=no, fullscreen=no');
            	}

        		function openRelationship()
        		{
					var flag_relacao = $("#flag_relacao").val();
					var width = 680;
					var height = 570;

					var left = 99;
					var top = 99;
					switch(flag_relacao)
					{
						case "CO":
    						window.open("<?php echo base_url();?>oportunidades/openAccountUniq/1",'janela', 'width='+width+', height='+height+', top='+top+', left='+left+', scrollbars=yes, status=no, toolbar=no, location=no, directories=no, menubar=no, resizable=no, fullscreen=no');
						break;
						case "OP":
    						window.open("<?php echo base_url();?>oportunidades/openOportunity",'janela', 'width='+width+', height='+height+', top='+top+', left='+left+', scrollbars=yes, status=no, toolbar=no, location=no, directories=no, menubar=no, resizable=no, fullscreen=no');
						break;
						case "TA":
    						window.open("<?php echo base_url();?>oportunidades/openActivity",'janela', 'width='+width+', height='+height+', top='+top+', left='+left+', scrollbars=yes, status=no, toolbar=no, location=no, directories=no, menubar=no, resizable=no, fullscreen=no');
						break;
					}
            	}

        		function setRelationship(param)
    			{
					$("#relacao").val(param);
					changeRelationship();
        		}

    			function changeRelationship()
        		{
					var flag_relacao = $("#flag_relacao").val();
					var relacao = $("#relacao").val();
					switch(flag_relacao)
					{
						case "CO":
							getAccount(relacao);
						break;
						case "OP":
							getOpportunity(relacao);
						break;
						case "TA":
							getActivity(relacao);
						break;
					}
            	}   

            	function getAccount(idAccount)
            	{
                	if(idAccount != "")
                	{
    					$.ajax({
    	                    type: "POST",
    	                    url: "<?php echo base_url(); ?>contas/getAccount",
    	                    data: "id_conta=" + idAccount,
    	                    success: function(nome_fantasia) 
    	                    {
    	                    	if(nome_fantasia != "")
    	                    	{
    								$("#span_relacao").html(nome_fantasia.substring(0,35));
    	                    	}
    	                    	else
    	                    	{
    	                    		$("#span_relacao").html("<b>Conta n&atilde;o cadastrada!!</b>");
        	                    }
    		                }
    	            	});	 
                	}
                	else
                	{
                		$("#span_relacao").html("<b>Digite ou selecione uma conta</b>");
                    }
                }                 		

				function getOpportunity(idOpportunity)
				{
    				if(idOpportunity != "")
    				{
    					$.ajax({
    	                    type: "POST",
    	                    url: "<?php echo base_url(); ?>oportunidades/getOpportunity",
    	                    data: "id_oportunidade=" + idOpportunity,
    	                    success: function(descricao) 
    	                    {
    	                    	if(descricao != "")
    	                    	{
    	                    		$("#span_relacao").html(descricao);
    	                    	}
    	                    	else
    	                    	{
    	                    		$("#span_relacao").html("<b>Oportunidade n&atilde;o cadastrada!!</b>");
        	                    }
    		                }
    	            	});
    				}
    				else
    				{
    					$("#span_relacao").html("<b>Digite ou selecione uma oportunidade</b>");
        			}	 
    			}

    			function getActivity(idActivity)
    			{
        			if(idActivity != "")
        			{
    					$.ajax({
    	                    type: "POST",
    	                    url: "<?php echo base_url(); ?>oportunidades/getActivity",
    	                    data: "id_atividade=" + idActivity,
    	                    success: function(assunto) 
    	                    {
    	                    	if(assunto != "")
    	                    	{
    	                    		$("#span_relacao").html(assunto);
    	                    	}
    	                    	else
    	                    	{
    	                    		$("#span_relacao").html("<b>Atividade n&atilde;o cadastrada!!</b>");
        	                    }
    		                }
    	            	});	
            		}
        			else
        			{
        				$("#span_relacao").html("<b>Digite ou selecione uma atividade</b>");
            		} 
        		}
    		</script> 
			<style>
            	#toolbar {
            		padding: 2px 4px;
					width:950px;
            	}
        	</style>
			<div align="center">
                <div id="toolbar" class="ui-widget-header ui-corner-all">
                	<table border="0" cellpadding="0" cellspacing="0" width="100%">
                		<tr>
                			<td align="left" width="33%">
                				&nbsp;
                			</td>
                			<td align="center" width="34%">
                            	<button id="bt_task">Tarefas</button>
                            	<button id="bt_meetings">Reuni&otilde;es</button>
                            	<button id="bt_call">Liga&ccedil;&otilde;es</button>
                			</td>
                			<td align="right" width="33%">
                            	<button id="bt_refresh">Recarregar</button>
                			</td>
                		</tr>
                	</table>
                </div>
				<table id="gridAtividades"></table>
				<div id="pgridAtividades"></div>
			</div>
			<div id="dialog-form-atividade" title="Adicionar Tarefa">
				<div id="error" class="ui-state-highlight" style="display:none;"></div>
				<p class="validateTips">Os campos com * s&atilde;o obrigat&oacute;rios.</p>
				<fieldset>
					<form>
						<table border="0" cellpadding="0" cellspacing="0" width="100%">
							<tr>
								<td width="40%">
									<label for="assunto">Assunto *</label>
									<br />
									<input type="text" name="assunto" id="assunto" class="text ui-widget-content ui-corner-all" size="40" />
								</td>
								<td>
									<label for="flag_status">Status *</label><br />
									<select name="flag_status" id="flag_status" class="select ui-widget-content ui-corner-all">
									<?php 
									foreach ($statusActivities as $dados) 
									{
									?>	
										<option value="<?php echo $dados[0];?>"><?php echo $dados[1]; ?></option>
									<?php 
									}
									?>
									</select>
								</td>
							</tr>
							<tr height="10px">
								<td>&nbsp;</td>
								<td>&nbsp;</td>
							</tr>
							<tr>
								<td>
									<label for="data_inicio">Data In&iacute;cio </label>
									<br />
									<input type="text" name="data_inicio" id="data_inicio" class="text ui-widget-content ui-corner-all" size="11" />
									&agrave;s 
									<input type="text" name="hora_inicio" id="hora_inicio" alt="time" class="text ui-widget-content ui-corner-all" size="5" />
								</td>
								<td>
									<label for="relacao">Relacionado a</label>
									<br />
									<select name="flag_relacao" id="flag_relacao" class="select ui-widget-content ui-corner-all" onchange="changeRelationship();">
									<?php 
									foreach ($relationship as $dados) 
									{
									?>	
										<option value="<?php echo $dados[0];?>"><?php echo $dados[1]; ?></option>
									<?php 
									}
									?>
									</select>
									<input type="text" name="relacao" id="relacao" class="text ui-widget-content ui-corner-all" size="7" onchange="changeRelationship();" /> 
									<a href="javascript:openRelationship();" title="Clique para selecionar a Conta">
										<img src="<?php echo base_url();?>images/ico/table_tab_search.png" width="24" />
									</a> 
									<span id="span_relacao">&nbsp;</span>
								</td>
							</tr>
							<tr height="10px">
								<td>&nbsp;</td>
								<td>&nbsp;</td>
							</tr>
							<tr>
								<td>
									<div id="div_data_termino">
    									<label for="data_termino">Data T&eacute;rmino </label>
    									<br />
    									<input type="text" name="data_termino" id="data_termino" class="text ui-widget-content ui-corner-all" size="11" />
    									&agrave;s 
    									<input type="text" name="hora_termino" id="hora_termino" alt="time" class="text ui-widget-content ui-corner-all" size="5" />
									</div>
									<div id="div_local">
										<label for="local">Local</label>
										<br />
										<input type="text" name="local" id="local" class="text ui-widget-content ui-corner-all" size="40"  />
									</div>
								</td>
								<td>
									<div id="div_flag_prioridade">
    									<label for="flag_prioridade">Prioridade *</label><br />
    									<select name="flag_prioridade" id="flag_prioridade" class="select ui-widget-content ui-corner-all">
    									<?php 
    									foreach ($priority as $dados) 
    									{
    									?>	
    										<option value="<?php echo $dados[0];?>"><?php echo $dados[1]; ?></option>
    									<?php 
    									}
    									?>
    									</select>
									</div>
								</td>
							</tr>
							<tr height="10px">
								<td>&nbsp;</td>
								<td>&nbsp;</td>
							</tr>
							<tr>
								<td colspan="2">
									<label for="id_contato_fk">Contato</label>
									<br />
									<input type="text" name="id_contato_fk" id="id_contato_fk" class="text ui-widget-content ui-corner-all" size="7" onchange="changeContactAtividades();" /> 
									<a href="javascript:openContactAtividadesUniq();" title="Clique para selecionar a Conta">
										<img src="<?php echo base_url();?>images/ico/table_tab_search.png" width="24" />
									</a> 
									<span id="span_contato">&nbsp;</span>
								</td>
							</tr>
							<tr height="10px">
								<td>&nbsp;</td>
								<td>&nbsp;</td>
							</tr>
							<tr>
								<td colspan="2">
									<label for="descricao">Descri&ccedil;&atilde;o</label>
									<br />
									<textarea rows="5" cols="110" name="descricao" id="descricao" class="text ui-widget-content ui-corner-all"></textarea>
								</td>
							</tr>
						</table>
						<input type="hidden" id="hid_act_type" value="" />
    					<input type="hidden" id="hid_oper" value="" />
						<input type="hidden" id="id_atividade" value="" />
					</form>
				</fieldset>
			</div>						
		</td>        